.bgImage {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 340rpx;
}

.navBox{
	position: fixed;
	z-index: 111;
	width: 328rpx;
	height: 68rpx;
	// box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(90,103,93,0.1);
	background-color: #15161C;
	border-radius: 54rpx 54rpx 54rpx 54rpx;
	display:flex;
	padding: 0 12rpx;
	box-sizing: border-box;
	align-items: center;
	margin: 0 auto;
	color:#D6D6D6 ;
	top: 100rpx;
	left: 0;
	right: 0;
	>p{
		width: 148rpx;
		height: 52rpx;
		border-radius: 54rpx 54rpx 54rpx 54rpx;
		text-align: center;
		line-height: 52rpx;
		font-size: 28rpx;
	}
	.selectTab{
		color:#47E969;
	}
	.lineBlock{
		position: absolute;
		width: 148rpx;
		height: 52rpx;
		background: rgba(255,255,255,0.15);
		border-radius: 54rpx 54rpx 54rpx 54rpx;
		transition: all 0.3s linear;
	}
}
.swiper1{
	/deep/.zp-swiper-container-fixed{
		top: 218rpx !important;
		height: calc(100vh - 218rpx);
	}
}


/deep/.swiper-box{
	top: 212rpx;
	width: 750rpx;
	height:100vh;
}
.swiper{
	height: 100%;

	.listBox{
		width: 690rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin: 0 auto;
		.listItem{
			width: 330rpx;
			height: 380rpx;
			background: #27292A;
			border-radius: 10rpx 10rpx 10rpx 10rpx;
			margin-bottom: 30rpx;
			>image:nth-child(1){
				width: 100%;
				height: 208rpx;
				background-color: #fff;
				border-radius: 10rpx 10rpx 0 0;
			}
			>p:nth-child(2){
				width: 100%;
				margin-top: 24rpx;
				padding:0 14rpx;
				box-sizing: border-box;
				font-size: 24rpx;
				display: -webkit-box;
				text-overflow:ellipsis;
				overflow: hidden;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}
			.date{
				margin-top: 18rpx;
				width: 100%;
				padding:0 14rpx;
				box-sizing: border-box;
				justify-content: flex-end;
				display: flex;
				align-items: center;
				>p:nth-child(1){
					margin-right:10rpx;
				}
				>p{
					display: flex;
					align-items: center;
					color: #A9A9AA;
					font-size: 22rpx;
					>image{
						width: 28rpx;
						height: 28rpx;
					}
				}
			}
		}
	}
}
.swiper2{
	margin-top: 212rpx;
	/deep/.zp-paging-container-content{
		top: 212rpx;
	}
}
.contractList{
	width: 690rpx;
	margin: 0 auto;
	height: 100%;
	.listItem{
		width: 690rpx;
		height: 184rpx;
		background: #23232B;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		border: 2rpx solid #08784D;
		box-sizing: border-box;
		margin-bottom: 34rpx;
		padding: 32rpx 26rpx 32rpx 38rpx;
		.itemTop{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			>p:nth-child(1){
				font-size: 32rpx;
				font-weight: bold;
			}
			>p:nth-child(2){
				display: flex;
				align-items: center;
				justify-content: center;
				height: 40rpx;
				background: rgba(255,255,255,0.07);
				border-radius: 40rpx 40rpx 40rpx 40rpx;
				padding: 0 16rpx;
				>image{
					width: 22rpx;
					height: 22rpx;
				}
				>text{
					font-size: 20rpx;
					
				}
			}
		}
		.itemText{
			font-size: 22rpx;
			color: #848488;
			margin-top: 6rpx;
		}
	}
}